<template>
  <div class="follow">
    <div class="data" v-if="data.create_date">{{data.create_date.split('T')[0]}}</div>
    <div class="reply" v-if="data.parent">
      <div class="p">回复：{{data.parent.user.nickname}}</div>
      <div class="p">{{data.parent.content}}</div>
    </div>
    <div class="comment">
      <p>{{data.content}}</p>
    </div>
    <div class="original">
      <div class="footer">原文：{{data.post.title}}</div>
      <span class="iconfont iconjiantou1"></span>
    </div>
  </div>
</template>

<script>
export default {
  props: ["data"]
};
</script>

<style lang="less" scoped>
.follow {
  //   background-color: blue;
  padding: 15px;
  font-size: 12px;
  border-bottom: 1px solid #888;

  .data {
    color: #ccc;
    // font-size: 16px;
  }
  .reply {
    margin: 10px 0;
    // font-size: 16px;
    padding: 10px;
    // height: 70px;

    background-color: #eee;
    // overflow: hidden;
    // text-overflow: ellipsis;
    // display: -webkit-box;
    // -webkit-line-clamp: 2;
    // -webkit-box-orient: vertical;
    .p {
      padding: 5px;
      color: #ccc;
    }
  }
  .comment {
    padding: 5px;
  }
  .original {
    padding: 5px;
    color: #ccc;
    display: flex;
    .footer {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      flex: 1;
      margin-right: 50px;
    }
    .iconjiantou1 {
      font-size: 16px;
    }
  }
}
</style>